<div q-view="list">
    <div class="form-inline margin-top">
            <div class="form-group">
                <div class="field">
                    <div class="button bg-sub" q-click="add">添加列</div>
                    <div class="button bg-sub" q-click="pop">弹窗</div>
                </div>
            </div>
    </div>
    <div class="table-responsive margin-top margin-bottom">
        <table class="table table-hover table-bordered table-vertical-middle">
            <thead>
                <tr>
                    <th width="68px">头像 </th>
                    <th width="200px">性别</th>
                    <th>说明</th>
                    <th width="130px">操作</th>
                </tr>
            </thead>
            <tbody q-each="list">
                <tr>
                    <td><img height="50px" width="50px" q-attr="src:{img}"></td>
                    <td>
                        <span q-visible="!{sexState}" q-text="{sex}==['0']?['男','女']"></span>
                        <select q-visible="{sexState}" q-select="sex" class="input input-auto">
                            <option value="0">男</option>
                            <option value="1">女</option>
                        </select>
                        <span q-visible="!{sexState}" class="button" q-click="upSex">更新</span>
                        <span q-visible="{sexState}" class="button bg-sub" gq-click="submitSex">保存</span>
                        <span q-visible="{sexState}" class="button" q-click="submitSex">取消</span>
                    </td>
                    <td>
                        <span q-visible="!{infoState}" q-text={info}></span>
                        <span q-visible="!{infoState}" class="button" q-click="upInfo">更新</span>
                        <input q-visible="{infoState}" q-value-change="info" style="width: 70%" class="input input-auto" type="text">
                        <span q-visible="{infoState}" class="button bg-sub" q-click="submitInfo">保存</span>
                        <span q-visible="{infoState}" class="button" q-click="submitInfo">取消</span>
                    </td>
                    <td>
                        <span class="button-group button-group-little-l">
                            <button type="button" class="button bg-red" q-click="remove">删除</button>
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>